/*
    Document   : stils
    Created on : 10/11/2011, 19:38:11
    Author     : emoreno
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}

#principal {
border-style: solid;
border-color: #c6dfc9 #c6dfc9 #e1fde4 #e1fde4;
border-width: 2px;
margin: 4px auto;
width: 900px;
height: 650px;
}
* {
border: none;
margin: 0px;
padding: 0px;
text-indent: 0px;
}
body {
text-align: left;
font-family: sans-serif;
font-size: 14px;
background-color: #ebebeb;
}
.scroll {
     width:650px;
     height:350px;
     background-color:#c6dfc9;
     overflow:auto;
}

td {
    padding-left: 5px;
}
#cap {
color: white;
background-color: #008000;
height: 70px;
font-size: 24px;
background-repeat: repeat-x;
background-position: top center;
background-image:  url('/exuoc/gifs/fonscap.png');

}
#subCap1 {
font-size: 18px;
color: #A1B6A4 ;/*#c6dfc9;*/
margin-left: 5px;
text-align: right;
border-top-style: none;
margin-right: 5px;

}
#subCap2 {
border-bottom: 1px solid #e1fde4;
background-color: #c6dfc9;
color: #068307;
height: 15px;
}
#contingut {
background-color: #f2f2f2;
width: 900px;
float: left;
}
#contingut p {
padding: 5px 10px;
}
#menu {
background-color: #c6dfc9;
float: left;
color: #f2f2f2;
margin-right: 10px;
text-align: left;
width: 150px;
height: 550px;
background-repeat:  repeat-x;
background-position: bottom center;
background-image:  url('/exuoc/gifs/fonsmenu.png');

}
#menu li {
margin: 4px 0px 4px 12px;
list-style-image: none;
list-style-type: none;
list-style-position: outside;
}
#peu {
background-color: #068307;
border-top-width: 1px;
border-right-width: 1px;
border-top-color: #e1fde4;
text-align: right;
}
a.link {
text-decoration: none;
color: #008000;
}
a.link:link {
}
a.link:visited {
}
a.link:hover {
color: #e1fde4;
background-color: silver;
}
a.link:active {
}
a.linkEliminat {
text-decoration: none;
color: #aaaaaa;
}
a.linkEliminat:link {
}
a.linkEliminat:visited {
}
a.linkEliminat:hover {
color: #e1fde4;
background-color: silver;
}
a.linkEliminat:active {
}
p {
text-align: justify;
}
#BarraEstat {
font-style: oblique;
font-size: small;
background-color: #068307;
font-weight: lighter;
text-transform: capitalize;
color: black;
text-align: right;
}
#SelectContenidors {
font-size: 13pt;
text-align: right;
font-weight: bold;
color: black;
font-style: oblique;
background-color: #f6f6f6;
font-family: "Times New Roman",Times,serif;
line-height: normal;
}
#BarraEstatFontEsquerra {
color: #bfd9d9;
margin-left: 50px;
font-size: small;
margin-right: 100px;
}
#BarraEstatFontDret {
color: #bfd9d9;
margin-left: 100px;
font-size: small;
margin-right: 50px;
}

.FilaCap{
    background-color: #068307;
    color: #ffdeb4;
    font-size: small;
    font-style: italic;
}
.FilaParell {
border-color: black;
border-width: 1px;
background-color: #bfd9d9;
font-size: small;
font-style: italic;
}
.FilaSenar {
border-color: black;
border-width: 1px;
font-size: small;
background-color: #ffdeb4;/*#ffe5d8;*/
font-style: italic;
}
.FilaEliminada {
border-color: black;
border-width: 1px;
font-size: small;
background-color: #ededed;
font-style: italic;
}
.thumbnail {
border-color: #006600;
border-width: 1px;
width: 50%;
height: 50%;
}
.SeguentPagina {
font-size: xx-small;
text-align: right;
}
.thAmplada {
width: 200px;
}

.thMicroAmplada {
width: 50px;
}

.thMinAmplada {
width: 100px;
}
.thMedAmplada {
width: 150px;
}
hr {
height: 1px;
width: 70%;
margin-left: 5px;
background-color: #e1fde4;
}

.BotoADD{
    width: 25px;
}
.BotoEnviar {
border-style:  ridge;
border-color: #e1fde4 #bfd9d9 #bfd9d9 #e1fde4;
border-width: 2px;
background-color: #ffcccc;
font-size: small;
text-transform: capitalize;
text-align: center;
width: 70px;
margin-right: 15px;
margin-left: 15px;
}
.BotoCancelar {
border-style: ridge;
border-color: #e1fde4 #bfd9d9 #bfd9d9 #e1fde4;
border-width: 2px ;
font-size: small;
text-align: center;
background-color: #ffcccc;
text-transform: capitalize;
width: 70px;
margin-right: 15px;
margin-left: 15px;
}

.error {
    font:   lighter larger  fantasy;
    color:  red;
    list-style:  square inside none ;
    font-size: 22px;

}
.gestio {
    font-size:  medium;
    font-style:italic;
    font-weight:   900 ;
    color:#006000;
}
.gestioText{
    font-style:italic;
    font-weight:   600;
}